<template>
	<view>
		<view class="head">
			<van-nav-bar border bind:click-left="onClickLeft" bind:click-right="onClickRight">
				<van-icon name="arrow-left" slot="left" size="45rpx"></van-icon>
				<van-icon name="wap-home" slot="right" size="45rpx" />
			</van-nav-bar>
		</view>

		<view class="main_wrap br">
			<view class="main br">
				<view class="tit">加快发展生态林业和民态林业</view>
				<view class="time">2017-06-02</view>
				<view class="main-desc br">
					<p>主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容</p>
				</view>
			</view>
		</view>



	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			onClickLeft() {
				wx.showToast({
					title: '点击返回',
					icon: 'none'
				});
			},
			onClickRight() {
				wx.showToast({
					title: '点击按钮',
					icon: 'none'
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.br{
		border: 1px solid red;
	}
	.main_wrap {
		padding: 20rpx 20rpx;
		// height: 400rpx;
		.main{
			.tit{
				color: #000000;
				font-weight: bold;
				font-size: 40rpx;
			}
			.time{
				color: gray;
				font-size: 25rpx;
				padding-top: 20rpx;
			}
			.main-desc{
				// height: 200rpx;
				margin-top: 50rpx;
				&>p{
					white-space: normal;
					word-wrap: break-word; // 自动换行
					word-break: normal;
					overflow: hidden;
					line-height: 1.6;
					text-indent:2em; // 首行文本缩进
					font-size: 40rpx;
					
				}
				
			}
		}
	}
</style>
